﻿@{
    ViewBag.Title = "Detail";
    Layout = "~/Views/Defaults.cshtml";
}
<div ng-app="app" ng-controller="DemoCtrl">

     <div class="row-fluid">
         <div class="span6">
         <div id="DataTables_Table_0_length" class="dataTables_length">
                <a class="btn btn-info" href="/nv">
										<i class="icon-arrow-left"></i>  
										Quay Lại                                         
	            </a>
         </div>

         </div>
         
     </div>

    <div>
        <h2>Thông tin cá nhân</h2>
        <table class="table table-striped table-bordered bootstrap-datatable datatable">
            <tr>
                <th>Mã nhân viên</th>
                <th>Họ và tên đệm</th>
                <th>Tên</th>
                <th>Ngày sinh</th>
                <th>Địa chỉ</th>
                <th>Nghề Nghiệp</th>
                <th>Điện Thoại</th>
                <th>Nhập Môn</th>
                <th>Nơi Sinh</th>
            </tr>
            <tr ng-repeat="nv in nhanviens | orderBy : 'tENNV'  | filter:search">
                <td> {{nv.iD}}</td>
                <td> {{nv.hONV | uppercase}}</td>
                <td> {{nv.tENNV | uppercase}}</td>
                <td> {{nv.nGAYSINH | date :'dd-MM-yyyy'}}</td>
                <td> {{nv.dIACHI}}</td>                    
                <td> {{nv.nGHENGHIEP}}</td>
                <td> {{nv.sODIENTHOAI}}</td>
                <td> {{nv.nHAPMON}}</td>
                <td> {{nv.nOISINH}}</td>
            </tr>
     </table>
        <div id="thannhan">
            <h2>Thành phần gia đình</h2>
             <table class="table table-striped table-bordered bootstrap-datatable datatable">          
            <tr ng-repeat="nv in thannhans | orderBy : 'mAQH'  | filter:search">
                <td> {{nv.mAQH}}</td>
                <td> {{nv.tENQH | uppercase}}</td>                
            </tr>
            </table>
        </div>
        
        <div id="giaoly">
            <h2>Quá Trình Học Tập Giáo Lý</h2>
             <table class="table table-striped table-bordered bootstrap-datatable datatable">
            <tr>                
                <th>Giáo Lý</th>                
                <th>Thời gian học giáo lý</th>
                <th></th>
            </tr>
            <tr ng-repeat="task in giaolys | orderBy : 'tGGL'">                                
                <td> {{task.tENGL}}</td>
                <td> {{task.tGGL}}</td>                
           </tr>
        </table>
        </div>

        <div ng-controller="DialogCtrl">
             <jqdialog dialog-name="App" title="'Nhân viên'"
                      auto-open="false" width="980" height="600"
                      on-open="onOpen" buttons="{'Lưu': onOk, 'Hủy': onCancel, 'Đóng': 'close' }"
                      args-to-scope="true"
                      before-close="beforeClose">
        </div>
    </div>
</div>
<script src="~/Content/lib/jquery-1.8.3.js"></script>
<script src="~/Content/lib/jquery-ui.js"></script>
<script src="~/Content/lib/angular.js"></script>
<script src="~/Content/lib/module.js"></script>
<script src="~/Content/js/jqdialog/jqdialog.js"></script>
<script src="~/Content/md/nv/detail.js"></script>
<script>
    $("#dscv").html("Thông Tin Nhân Viên");        
</script>
